<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="renderer" content="webkit">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>薪权发放方案</title>
    <!--static-->
    <link rel="stylesheet" href="css/main.min.css"/>
    <link rel="stylesheet" href="static/css/font-awesome.min.css"/>
    <link rel="stylesheet" href="static/css/swiper.css"/>
    <script src="static/js/jquery-1.11.3.js"></script>
    <script src="static/js/swiper.min.js"></script>
    <!--other-->
    <link rel="stylesheet" href="css/style.css"/>
    <script src="js/style.js"></script>
    <script src="static/js/style.min.js"></script>
    <script src="js/echarts-all.js"></script>
    <!--[if lt IE 9]>
    <script src="static/js/html5shiv.js"></script>
    <script src="static/js/respond.js"></script>
    <![endif]-->
</head>
<body>
<div class="headerIndex">
    <div class="container">
        <div class="header clearfix row">
            <div class="logo">
                <a href="index.html"></a>
            </div>
            <div class="nav tc">
                <ul>
                    <a href="index.html">
                        <li class="">项目库</li>
                    </a>
                    <a href="my-project.html">
                        <li>我的项目</li>
                    </a>
                    <a href="dynamic.html">
                        <li>动态</li>
                    </a>
                    <a href="about.html">
                        <li>关于我们</li>
                    </a>
                </ul>
            </div>
            <div class="user">
                <a class="search" href=""></a>
                <ul>
                    <a href="login.html">
                        <li>登录</li>
                    </a>
                    <a href="reg.html">
                        <li>注册</li>
                    </a>
                </ul>

            </div>
            <div class="fr personalCenter">
                <div class="serch fl">
                    <input type="text"/>
                    <i></i>
                </div>

                <ul class="content fl">
                    <li>
                        <a href="#">
                            <img class="fl" src="img/headerIndex_001.png" alt=""/>
                            <span class="userNameIndex">Willian Mo <i class="fa fa-caret-down"></i></span>
                        </a>
                        <ul class="list">
                            <li class="listIndex active"><a href="personal-center.html">个人中心</a></li>
                            <li class="listIndex"><a href="create-project.html">创建项目 </a></li>
                            <li class="listIndex"><a href="my-project.html">我的项目</a></li>
                            <li><a class="logOff" href="login.html">退出登录</a></li>
                        </ul>
                    </li>
                </ul>

            </div>
        </div>
    </div>
</div>
<div class="container paymentScheme">
    <div class="titleMyProject">
        <h1 class="fl">薪权发放方案</h1>
    </div>
    <!-- 系统通知-->
    <div class="listing">

        <!--薪权发放方案-->
        <div class=" recordList ">
            <div class="titlePersonalCenter  f17">
                <p class="tc">（2016.2.1-2016.3.1）</p>
            </div>

            <div class="content ">
                <div class="tx clearfix">
                    <div class="left fl tc">
                        <img class="headImg" src="img/headerIndex_001.png" alt=""/>

                        <p>我们一起去沙漠</p>
                    </div>
                    <div class="right fl">
                        <p class="mb5 ">
                            <span class="mr50">基本工资 ：1000元</span>
                            <span class="mr50">创造价值 ：3000元</span>
                            <span>投入现金 ：500元</span>
                        </p>

                        <p class="mb5 ">
                            <span class="mr50">奖励 ：1000元</span>
                            <span class="mr50">惩罚 ：3000元</span>
                            <span>股币权 ：500元</span>
                        </p>

                        <p>
                            <span class="mr15">投入现金股币奖励 ：1000元</span>
                            <span>分红股币权 ：1000元</span>
                        </p>
                    </div>
                </div>
                <p class="evaluate clearfix">
                    <span class="tc fl">工作评价</span>
                    <span class="w fl">假如生活欺骗了他,就继续欺骗他</span>
                </p>
            </div>
            <div class="content mt10">
                <div class="tx clearfix">
                    <div class="left fl tc">
                        <img class="headImg" src="img/headerIndex_001.png" alt=""/>

                        <p>我们一起去沙漠</p>
                    </div>
                    <div class="right fl">
                        <p class="mb5 ">
                            <span class="mr50">基本工资 ：1000元</span>
                            <span class="mr50">创造价值 ：3000元</span>
                            <span>投入现金 ：500元</span>
                        </p>

                        <p class="mb5 ">
                            <span class="mr50">奖励 ：1000元</span>
                            <span class="mr50">惩罚 ：3000元</span>
                            <span>股币权 ：500元</span>
                        </p>

                        <p>
                            <span class="mr15">投入现金股币奖励 ：1000元</span>
                            <span>分红股币权 ：1000元</span>
                        </p>
                    </div>
                </div>
                <p class="evaluate clearfix">
                    <span class="tc fl">工作评价</span>
                    <span class="w fl">假如生活欺骗了他,就继续欺骗他</span>
                </p>
            </div>
            <div class="pandectContent tc">
                <p class="tl f17">财务总览</p>

                <div class="pandectTx">
                    <div class="fl">
                        <img class="fl" src="img/projectDetails_001.png" alt=""/>
            <span class="fl">
                <strong class="f12">工资债卷</strong>
                <small class="colorRed f17">15万元</small>
            </span>
                    </div>
                    <div class="fl">
                        <img class="fl " src="img/projectDetails_002.png" alt=""/>
             <span class="fl">
                <strong class="f12">股权币</strong>
                <small class="colorRed f17">15万元</small>
            </span>
                    </div>
                </div>
                <div id="stockRight"></div>
                <a href="financial-statements.html">
                    <button class="btnStyle keepBtn ">同意</button>
                </a>
                <button class="btnStyle cancelBtn ">不同意</button>
            </div>

        </div>

    </div>
    <div class="footer">
        <ul>
            <a href="about.html">
                <li class="fl">
                    <img src="img/paginationI_001.png" alt="">
                    <span>关于我们</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_002.png" alt="">
                    <span>联系我们（187-1111-1111）</span>
                </li>
            </a>
            <a href="">
                <li class="fl">
                    <img src="img/paginationI_003.png" alt="">
                    <span>商务合作</span>
                </li>
            </a>

        </ul>
        <div class="returnTop">
            <div class="returnIcon">
                <img src="img/returnTop_001.png" alt="">
            </div>
            <div class="codeIcon" >
                <img src="img/returnTop_002.png" alt="">

                <div class="code">
                    <img src="img/code.jpg" alt=""/>
                </div>
            </div>
        </div>
    </div>
    <div class="copyrightIndex tc">© 2017 willIan Mo All Rights Restseved</div>
</div>
<div class="window-pop"></div>

</body>

<script>


    var myChart = echarts.init(document.getElementById('stockRight'));
    option = {

        tooltip: {
            show: false,
            formatter: "{a} <br/>{b} : {c} ({d}%)"
        },
        legend: {
            x: 'center',
            y: 'bottom',
            data: ['', '', '', '', '', '', '', '']
        },

        calculable: false,
        series: [
            {

                type: 'pie',
                radius: [20, 110],
                center: ['50%'],
                roseType: 'radius',
                width: '40%',       // for funnel
                max: 40,            // for funnel
                draggable: false,
                itemStyle: {
                    normal: {
                        label: {
                            show: false
                        },
                        labelLine: {
                            show: false
                        }
                    },
                    emphasis: {
                        label: {
                            show: true
                        },
                        labelLine: {
                            show: true
                        }
                    }
                },
                data: [
                    {value: 10, name: '苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 20, name: '苏小明  拥有股权10%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 30, name: '苏小明  拥有股权20%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 40, name: '苏小明  拥有股权30%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 50, name: '苏小明  拥有股权40%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 60, name: '苏小明  拥有股权50%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 70, name: '苏小明  拥有股权60%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 80, name: '苏小明  拥有股权70%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'},
                    {value: 90, name: '苏小明  拥有股权80%\n入职时间 ：兼职/全职/已离职/\n拥有股权 ：30%\n拥有工资债卷数 ：100元\n拥有股币数 ：100元'}
                ]
            }
        ]
    };
    myChart.setOption(option);
</script>
</html>